<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>精准命理测算</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css" />
    <link rel="stylesheet" href="__PUBLIC__/css/common.css" />
    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape(
            "%3Cspan style='display:none;' id='cnzz_stat_icon_1265941638'%3E%3C/span%3E%3Cscript src='" +
            cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1265941638' type='text/javascript'%3E%3C/script%3E"
        ));
    </script>

    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_" + <!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=JP&nickName=八字精批&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <style>
        body{background-color:#cb2316;}
        .main-bg{
            width:100%;
            height:100%;
            position: fixed;
            top:0;
            left:0;
            right:0;
            z-index: -1;
            background:url('__PUBLIC__/images/bzjp_img/CCA_huawen.png')#cb2316 0% 0% /100% 100% no-repeat;
        }
        .zm_banner2{margin:0.2rem;font-size: 0;}
        .m_form_ul{border-radius: 0.1rem;overflow: hidden;border:1px solid #e5d9c5;}
        .m_form_ul li{margin:0;border-radius: 0;border-color: #e5d9c5;background-color:#fef8ee;}
        .m_form_ul li .f_left{color:#6f0211;font-weight: bold;}
        .m_form_btnwrap{
            height:0.9rem;
            line-height: 0.9rem;
            background:url('__PUBLIC__/images/bzjp_img/CYZ_csbtn_yhj.png') no-repeat;
            background-size:100% 100%;
            margin:0 0.3rem;
            font-size:0.36rem;
            color:#631f00;
            font-weight:bold;
        }
        .fiex_bt {
            height: 1.1rem;
            line-height: 1.1rem;
            font-size: 0.36rem;
        }
        .fiex_bt a{
            height:0.9rem;
            line-height: 0.9rem;
            background:url('__PUBLIC__/images/bzjp_img/CYZ_csbtn_yhj.png') no-repeat;
            background-size:100% 100%;
            font-size:0.36rem;
            color:#631f00;
            font-weight:bold;
        }
        .m_form_prompt{color:#ffffff;font-size:0.28rem;padding:0.2rem 0;}
        .m_form_prompt span{color:#f9d300;}
        .CHANNEL-tsq{background:url('__PUBLIC__/images/bzjp_img/CYZ_csbtn_tsq.png') 0% 0% / 100% 100% no-repeat !important;}
        /*  */
        video{width:100%;height:4rem;margin:0.2rem 0;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing:border-box;}
        .cs_imgtext{margin:0.4rem 0.2rem 0;}
        
    </style>
</head>

<body>
    <include file="Public/header" />

    <div class="zm_banner">
        <img src="__PUBLIC__/images/bzjp_img/v11/banner.png" width="100%" />
    </div>
    <div class="zm_banner2" id="scrollT">
        <img src="__PUBLIC__/images/bzjp_img/v11/jianjie.png" width="100%" />
    </div>
    <!-- 背景 -->
    <div class="main-bg"></div>
    <!--分享赚优惠券-->
    <if condition="($csTypeNum eq 1) or ($shareUidNum eq 1)">
        <div class="zm_coupon">
            <div class="coupon-box">
                <div class="coupon-title">
                    <h3 class="coupon-name">八字精批。</h3>
                    <div class="coupon-type">分享赚</div>
                </div>

                <if condition="$priceArr['discount'] egt 1">
                    <div class="coupon-value">
                        <div class="coupon-money">
                            <span class="coupon-m">￥<strong>
                                    <!--{$priceArr['price']}--></strong>券后</span>
                            <span class="coupon-y">原价￥
                                <!--{$priceArr['price']+$priceArr['discount']}--></span>
                            <span class="coupon-j">奖￥
                                <!--{$priceArr['bouns']}--></span>
                        </div>
                        <div class="coupon-ce">
                            <!--{$priceArr['csNumber']}-->人已测过</div>
                    </div>
                    <div class="coupon-content">
                        <p class="coupon-jname"><strong>
                                <!--{$priceArr['discount']}-->元</strong>优惠券</p>
                        <p class="coupon-time">使用期限：
                            <!--{$priceArr['weekStart']}-->-
                            <!--{$priceArr['weekEnd']}-->
                        </p>
                    </div>
                    <else />
                    <div class="coupon-value">
                        <div class="coupon-money">
                            <span class="coupon-m">￥<strong>
                                    <!--{$priceArr['price']}--></strong>原价</span>
                            <span class="coupon-j">奖￥
                                <!--{$priceArr['bouns']}--></span>
                        </div>
                        <div class="coupon-ce">
                            <!--{$priceArr['csNumber']}-->人已测过</div>
                    </div>
                </if>
            </div>
        </div>
        <else />
    </if>

    <div class="m_form_container">
        <form id="_form" class="m_form" action="<!--{:U('Bzjp/bzjp_zhifu','',false)}-->" method="POST" id="frm">
            <div class="m_form_wrap">
                <ul class="m_form_ul">
                    <li>
                        <div class="f_left">您的姓名</div>
                        <div class="f_auto"><input type="text" id="username" name="username" placeholder="匿名 (可不填)"></div>
                    </li>
                    <li>
                        <div class="f_left">您的性别</div>
                        <div class="f_auto">
                            <label for="man">
                                <input type="radio" name="gender" checked="checked" style="display: none" id="man"
                                    value="1"> 
                                <span class="select"></span>男
                            </label>
                            <label for="woman">
                                <input type="radio" name="gender" style="display: none" id="woman" value="0">
                                <span class="select"></span>女
                            </label>
                        </div>
                    </li>
                    <li>
                        <div class="f_left">出生日期</div>
                        <div class="f_auto">
                            <div type="text" data-date="1985-04-18-7" data-id="birthday" id="datetime">请选择出生日期</div>
                        </div>
                        <input type="hidden" id="birthday" name="birthday">
                    </li>
                </ul>
            </div>
            <if condition="($channel eq tsq) OR ($channel eq lzss) OR ($channel eq gyxw) OR ($channel eq khzx) OR ($channel eq xxkj)">
                <div class="m_form_btnwrap CHANNEL-tsq J_formSubmit"></div>
                <elseif condition="$discount eq 1" />
                <div class="m_form_btnwrap J_formSubmit">立即测算 (优惠
                    <!--{$Think.cookie.discountprice}-->元)</div>
                <else />
                <div class="m_form_btnwrap J_formSubmit">立即测算</div>
            </if>
            <p class="m_form_prompt">已有<span>
                    <!--{$Think.cookie.bzjpcs}-->人</span>查看八字运势详批&nbsp;&nbsp;99%好评</p>
        </form>
    </div>

    <div class="cs_imgtext">
        <img src="__PUBLIC__/images/bzjp_img/v11/1.png" width="100%" />
    </div>
    <div class="cs_imgtext">
        <img src="__PUBLIC__/images/bzjp_img/v11/2.png" width="100%" />
    </div>
    <div class="cs_imgtext">
        <img src="__PUBLIC__/images/bzjp_img/v11/3.png" width="100%" />
    </div>
    <div class="cs_imgtext">
        <img src="__PUBLIC__/images/bzjp_img/v11/4.png" width="100%" />
    </div>
    <div class="cs_imgtext">
        <img src="__PUBLIC__/images/bzjp_img/v11/5.png" width="100%" />
    </div>
    <div class="cs_imgtext">
        <img src="__PUBLIC__/images/bzjp_img/v11/6.png" width="100%" />
    </div>
    <!-- 视频 -->
    <video controls="controls" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
        x5-video-player-type="h5" x5-video-player-fullscreen="true" poster="__PUBLIC__/images/bzjp_img/ZM_video_bg.png">
        您的浏览器不支持 video 标签。
        <source src="http://qiniu.ddznzj.com//media/180508/180508171544607.mp4" type="video/mp4">
    </video>

    <!-- 提示收藏 -->
    <include file="Public/index_SC" />
    <!-- 分销 -->
    <include file="Public/shareSale" />
    <!-- 六爻 -->
    <include file="Public/liuyao" />

    <!-- 热门测算 -->
    <div class="hot_cs">
        <include file="Public/zhiming" />
    </div>

    <!-- 脚注 -->
    <footer class="footer_severs">
        <include file="Public/bottom-index" />
    </footer>

    <if condition="($channel eq tsq) OR ($channel eq lzss) OR ($channel eq gyxw) OR ($channel eq khzx) OR ($channel eq xxkj)">
        <div class="fiex_bt" id="fiex"><a href="javascript:;" class="CHANNEL-tsq"></a></div>
        <elseif condition="$discount eq 1" />
        <div class="fiex_bt" id="fiex"><a href="javascript:;">立即测算 (优惠
                <!--{$Think.cookie.discountprice}-->元)</a></div>
        <else />
        <div class="fiex_bt" id="fiex"><a href="javascript:;">立即测算</a></div>
    </if>

    <script>
        var calendar1 = new lCalendar().init('#datetime'); //男
        //测算底部悬浮
        $(function () {
            var topShow = $(".J_formSubmit");
            if (topShow.length) {
                var topShow = topShow.offset().top;
                var testBtn = $("#fiex");
                $(window).scroll(function () {
                    var wt = $(window).scrollTop();
                    wt > topShow ? (testBtn.fadeIn(), $('.footer_severs').css('padding-bottom',
                        '1.2rem')) : (testBtn.fadeOut(), $('.footer_severs').css('padding-bottom',
                        '0.4rem'));
                });
                // goTop
                $('#fiex').on('click', function () {
                    $('html,body').animate({
                        scrollTop: $('#scrollT')[0].offsetTop
                    }, 500)
                });
            }

            $.getJSON("<!--{:U('Index/indexXfan','',false)}-->", {
                csName: 'JP'
            }, function (data) { //首页-悬浮按钮统计
            });

        });

        $(".J_formSubmit").on('click', function () {

            $.getJSON("<!--{:U('Index/indexLjcs','',false)}-->", {
                csName: 'JP'
            }, function (data) { //首页-立即测算统计
            });

            if ($("[name='username']").val() == "") {
                $("[name='username']").val('匿名');
                //                    layer.msg("请输入您的名字");
                //                    return false;
            } else if ($("[name='username']").val().length < 2) {
                layer.msg("姓名长度不能少于2");
                return false;
            }
            var patrn = /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
            if (!patrn.exec($("[name='username']").val())) {
                layer.msg("请输入中文名字");
                return false;
            }
            if ($("[name='birthday']").val() == "") {
                layer.msg("请选择生时");
                return false;
            }

            var birthday = $("[name='birthday']").val();
            var username = $("[name='username']").val();
            // var gender = $("[name='gender']").val();
            var gender='1'
            $("[name='gender']").each(function(index,val){
                if(val.checked){
                    gender = val.value
                }
            })
            if (!birthday || !username || !gender) {
                layer.msg("请重新提交信息");
                return false;
            }
            var oli = layer.load();
            setTimeout(function () {
                layer.closeAll('loading');
                layer.msg('订单提交成功', {
                    icon: 1
                });
                setTimeout(function () {
                    $('#_form').submit();
                }, 1300);
            }, 1000);
        });

        sessionStorage.setItem("chufa", 1);
        var wxlogin = '<!--{$Think.cookie.wxlogin}-->';
        var channel = '<!--{$Think.cookie.channel}-->';
        //if (wxlogin == 1) {

        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
            timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
            nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
            signature: '<!--{$signature}-->', // 必填，签名，见附录1
            jsApiList: [
                'checkJsApi',
                'openLocation',
                'getLocation',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'scanQRCode'
            ] // 必填，需要使用的JS接口列表，所有JS接 口列表见附录2
        });


        wx.ready(function () {
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
            // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
            //         alert('成功');
            wx.onMenuShareAppMessage({ //分享朋友圈
                title: '<!--{$shareTitle}-->', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://www.xzcircle.com:8081/xz/images/09_.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                    $.getJSON("<!--{:U('Bzjp/wxShare','',false)}-->", function (data) { //回调入库
                    });
                    if (channel == 'qudao100') {
                        location.href = "<!--{:U('Bzjp/userWx','',false)}-->";
                    }
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareTimeline({
                title: '<!--{$shareTitle}-->', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://www.xzcircle.com:8081/xz/images/09_.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                    $.getJSON("<!--{:U('Bzjp/wxShare','',false)}-->", function (data) { //回调入库
                    });
                }

            });

            wx.onMenuShareQQ({
                title: '<!--{$shareTitle}-->', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://www.xzcircle.com:8081/xz/images/09_.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareQZone({
                title: '<!--{$shareTitle}-->', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareWeibo({
                title: '<!--{$shareTitle}-->', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.error(function (res) {
                // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
                //         alert('失败');
            });

            var appid = "<!--{$appId}-->";
            if (appid != '') {
                WeixinJSBridge.invoke(
                    'getBrandWCPayRequest', {
                        "appId": "<!--{$appId}-->", //公众号名称，由商户传入
                        "timeStamp": "<!--{$timeStamp}-->", //时间戳，自1970年以来的秒数
                        "nonceStr": "<!--{$nonceStr}-->", //随机串
                        "package": "<!--{$package}-->",
                        "signType": "<!--{$signType}-->", //微信签名方式：
                        "paySign": "<!--{$paySign}-->" //微信签名
                    },
                    function (res) {
                        if (res.err_msg == "get_brand_wcpay_request:ok") {
                            location.href = "<!--{:U('Bzjp/jieguoye','',false)}-->";
                        } // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                    }
                );

            }

        });
        // }
    </script>
</body>

</html>